 

	<!-- semanticui / 折叠面板 start-->
	<!-- 文档地址 https://zijieke.com/semantic-ui/modules/accordion.php -->
	<div class="ui styled accordion" style="font-size: 14px">
	  <div class="title">
	    <i class="dropdown icon"></i>
	    什么是狗？
	  </div>
	  <div class="content">
	    <p class="transition hidden">狗算是一种家畜。以其忠诚与忠心广受人类欢迎, 可以在世界各地的许多家庭里发现这个受欢迎的客人。</p>
	  </div>
	  <div class="title">
	    <i class="dropdown icon"></i>
	    狗有哪些种类？
	  </div>
	  <div class="content">
	    <p class="transition hidden">狗有许多品种，每个品种都有不同的大小及性格，饲主通常选择适合自己生活方式的品种当作自已的伙伴，其中最受欢迎的品种绝对是吉娃娃。</p>
	  </div>
	  <div class="title active">
	    <i class="dropdown icon"></i>
	    如何获得一只狗?
	  </div>
	  <div class="content active">
	    <p class="transition visible" style="display: block !important;">通常有三种方式可以取得一只狗狗，宠物店、私人饲主或是动物之家。 (请以领养代替购买)</p>
	    <p class="transition visible" style="display: block !important;">你可以在动物之家内领养一只健康的小狗，比起在宠物店买，收容所中的宠物比较不容易有近亲交配出现的缺陷问题，而且领养一只小狗的费用远比你在宠物店中购买便宜得多。</p>
	  </div>
	</div>
	
	<script type="text/javascript">
		//初始化折叠菜单
		$('.ui.accordion')
		  .accordion()
		;
		//监听事件
		$('.accordion>.title').click(function(){
			console.log($(this).index());
		})
	</script>
	<!-- semanticui / 折叠面板 end-->
